.typography {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  line-height: 1.6;
  word-wrap: break-word;
}

// Title 样式
.title {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.4;
  color: var(--adm-color-text);

  &.title-1 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 0.5em;
  }

  &.title-2 {
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 0.5em;
  }

  &.title-3 {
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 0.5em;
  }

  &.title-4 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0.5em;
  }

  &.title-5 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0.5em;
  }

  &.title-6 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0.5em;
  }
}

// Text 样式
.text {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  line-height: 1.6;
  
  &.block {
    display: block;
  }
}

// Paragraph 样式
.paragraph {
  margin: 0 0 1em;
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  line-height: 1.6;
}

// 类型样式
.type-primary {
  color: var(--adm-color-primary);
}

.type-secondary {
  color: var(--adm-color-weak);
}

.type-success {
  color: var(--adm-color-success);
}

.type-warning {
  color: var(--adm-color-warning);
}

.type-danger {
  color: var(--adm-color-danger);
}

// 状态样式
.disabled {
  color: var(--adm-color-weak);
  cursor: not-allowed;
  user-select: none;
}

.mark {
  mark {
    background-color: #ffe58f;
    padding: 0.2em 0.4em;
    border-radius: 2px;
  }
}

.code {
  code {
    background-color: var(--adm-color-fill);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-size: 0.85em;
  }
}

.keyboard {
  kbd {
    background-color: #fafafa;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    padding: 0.15em 0.4em;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-size: 0.85em;
  }
}

.underline {
  text-decoration: underline;
}

.delete {
  text-decoration: line-through;
}

.strong {
  font-weight: 600;
}

.italic {
  font-style: italic;
}

// 文本溢出省略样式
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsisMultiple {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

// 响应式设计
@media (max-width: 576px) {
  .title {
    &.title-1 {
      font-size: 28px;
    }
    
    &.title-2 {
      font-size: 24px;
    }
    
    &.title-3 {
      font-size: 20px;
    }
    
    &.title-4 {
      font-size: 18px;
    }
    
    &.title-5 {
      font-size: 16px;
    }
    
    &.title-6 {
      font-size: 14px;
    }
  }
}
